<ion-header>
  <ion-toolbar>
    <ion-buttons slot="start">
      <ion-menu-button></ion-menu-button>
    </ion-buttons>
    <ion-title>Journal</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content padding>
  <!-- <ion-text color="secondary">
        <h1>H1: The quick brown fox jumps over the lazy dog</h1>
      </ion-text>
      
      <ion-text color="primary">
        <h2>H2: The quick brown fox jumps over the lazy dog</h2>
      </ion-text>
      
      <ion-text color="light">
        <h3>H3: The quick brown fox jumps over the lazy dog</h3>
      </ion-text>
      
      <ion-text color="danger">
        <h4 >H4: The quick brown fox jumps over the lazy dog</h4>
      </ion-text>
      
      <ion-text color="dark">
        <h5>H5: The quick brown fox jumps over the lazy dog</h5>
      </ion-text>
      
      <p>
        I saw a werewolf with a Chinese menu in his hand.
        Walking through the <ion-text color="danger"><sub>streets</sub></ion-text> of Soho in the rain.
        He <ion-text color="primary"><i>was</i></ion-text> looking for a place called Lee Ho Fook's.
        Gonna get a <ion-text color="secondary"><a>big dish of beef chow mein.</a></ion-text>
        <ion-text color="danger"><ion-icon name="cut"></ion-icon></ion-text>
      </p> -->

  <!-- <ion-item>
          <ion-label>Todo</ion-label>
          <ion-input type="text" [(ngModel)]="todo.title" name="title"></ion-input>
        </ion-item> -->
  <ion-card>
        <ion-card-header>What do you want to talk about today?</ion-card-header>
  <!-- <ion-input required type='text' [(ngModel)]='inputStuff'></ion-input>
  <ion-button (click)="saveVariable()">Save</ion-button>

  <ion-button (click)="getVariable()">Get</ion-button>
  <ion-item>
    <ion-label>{{showData}}</ion-label>
  </ion-item>
  <ion-item>
    <ion-label>{{showData1}}</ion-label>
  </ion-item>
  <ion-item>
    <ion-label>{{showData2}}</ion-label>
  </ion-item>
  <ion-item>
    <ion-label>{{showData3}}</ion-label>
  </ion-item> -->


  <!-- <ion-item *ngFor="let x of loopArray">{{x}} is in the array</ion-item>
  <ion-item *ngFor="let y of loopObjectValues">Word on the streets {{y}}</ion-item> -->

  <div id='page2' style="text-align: center">
    <input style='height: 150px; width: 90%; border-radius: 10px;' type="text" placeholder="Tell your story here">
    
<br>

    <br><ion-button (click)="clicksubmit()">Submit</ion-button>
    <br><br>
</div>
</ion-card>

</ion-content>